.box{
	width: 200px;
	height: 200px;
	border: 1px solid blue;
	text-align: center;
	font-size: 32px;
	/* 浮动:让块极盒子水平摆放 */
	/* 浮动float:left(左浮动)float:right(右浮动) */
	float: right;
}
.box2{
	width: 700px;
	height: 2400px;
	border: 1px solid greenyellow; 
}
/* 第一种清除浮动的方法:额外标签法 */
.clear{
	/* 清除两端浮动 */
	clear:both;
	
}
/* 第二种清除浮动的方法: */
.bigbox{
	/* overflow:hidden; */
}
/* after在什么之后 */
/* 第三种清除浮动的方法:给父级元素添加after伪元素 */
.clearfix::after{
	content: "";/* 内容:空 */
	display: block;/* 将为内转换为块元素 */
	height: 0;
	clear: both;/* 清除两端浮动 */
	 visibility:hidden;/*显示状态:隐藏 */
	
}
/* 第四种清除浮动的方法:给父级元素添加双伪元素 */
.clearfix::before,.clearfix::after{
	content: "";
	display:table;
	
	
}
.clearfix::after{
	clear:both;
	
}
/*浮动的特性:
 1.浮动的盒子会脱离标准流 、
 2.浮动的盒子一行内显示并显示顶端对齐，一行装不下会另起一行。
 3，浮动的盒子具有和内元素块类似的特性。
 */
/*清除浮动的方法:
 1.额外表签法:间隔法.不建议 
 2.给父级添加overflow:hidden属性
 
 */